<template>
  <div>
    <h2>时间同步</h2>
    <div class="session">
      <div class="row">
        <span>启用NTP客户端：</span>
        <el-radio v-model="radio1"></el-radio>
      </div>

      <div class="row">
        <span>启用NTP服务器：</span>
        <el-radio v-model="radio2"></el-radio>
      </div>

      <div class="row">
        <div class="inputed">
          候选NTP服务器：
          <el-input
            placeholder="serveOneValue"
            v-model="serveOneValue"
            clearable
          >
          </el-input>
          <br />
          <el-input
            placeholder="serveTwoValue"
            v-model="serveTwoValue"
            clearable
            class="twoInput"
          >
          </el-input>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      radio1: "true",
      radio2: "false",
      serveOneValue: "0.xxxxxxxx",
      serveTwoValue: "1.xxxxxxxx",
    };
  },
  created() {},
  mounted() {},
  methods: {},
};
</script>

<style scoped lang="less">
.session {
  display: block;
  margin: 4%;
  .host {
    padding-left: 16px;
  }
  .timeZone {
    padding-left: 32px;
  }
}
.row {
  margin: 20px 0;

  .twoInput {
    margin-left: 132px;
  }
}
.el-input {
  width: 230px;
}
</style>
